@import '/ajaxjs-js/less/common_style.less';
@import '/ajaxjs-js/less/widgets/form.less';
@import '/ajaxjs-js/less/widgets/list.less';
@import '/ajaxjs-js/less/widgets/page.less';
@import '/ajaxjs-js/less/widgets/carousel.less';
@import '/ajaxjs-js/less/widgets/menu.less';
@import '/ajaxjs-js/less/company-website.less';

@mainColor:red;


.centerWidth {
	margin: 0 auto;
	max-width: 1200px;
}

header.top {
	.centerWidth;
	height: 100px;
	width: 100%;
	text-align: center;
	line-height: 80px;
	font-size: 1.3rem;
	.logo {
		float: left;
		img {
			vertical-align: middle;
			max-width:100px;
		}
	}

	.right {
		width: 1000px;
		ul {
			height: 50px;
			display: block;
			margin: 2% auto;
			float: right;
			li {
				float: left;
				width: 120px;
				line-height: 50px;
				letter-spacing: 5px;
				text-align: center;
				font-size: 1rem;
				a {
					&:visited {
					}
				}
	
				&.selected a {
					color: white;
					text-shadow: 0 1px black, 1px 0 black, -1px 0 black, 0 -1px black;
				}
			}
		}
		float: right;
		.searchBtn {
			vertical-align: middle;
		}

		& > div {
			display: inline-block;
		}
	}
}

article{
	h2{
		font-weight: bold;
		padding-bottom: 1%;
		margin-top: 5%;
		margin-bottom: 2%;
		box-sizing: border-box;
		font-size: 1.2em;
		letter-spacing: 2px;
		border-bottom: 1px solid lightgray;
		
	}
	
	li{
		.ajaxjs-text-p;
		margin-left: 3em;
    	list-style: disc;
	}
}
section.banner{
	width:100%;
	min-height:150px;
	background-color:#1087eb;
	&>div{
		.centerWidth;
		overflow: hidden;
		.text{
		    color: white;
		    vertical-align: middle;
		    line-height: 300px;
		    height: 300px;
		    float: left;
		    font-size: 3rem;
		}
		.img{
			float:right;
			overflow: hidden;
			height: 320px;
			img{
				height:90%;
				margin-top:5%;
			}
		}
	}
}

section.banner2{
	width:100%;
	height:50px;
	background-color:#f3f4f9;
	&>div{
		.centerWidth;
	}
}

.aj-baidu-search {
	margin: 10% 0;
	input[type=text]{
	    border-radius: 0;
	    height: 30px;
	    width: 260px;
	    margin: 2%;
	}
	.searchBtn{
		vertical-align: middle;
	}
}

body {
	font-size: 14px;
}
.logoPic{
	height:80px;
}
.top {
	background-color: white;
	header {
		.centerWidth;
		& > div {
		}

		.right {
			float: right;
			.globalSearch {
				margin-top: 6%;
				input[type=text] {
					.aj-input;
				}

				.searchBtn {
					background: url("@{assetFilePath}/common/images/search.png") no-repeat;
					width: 32px;
					height: 32px;
					cursor: pointer;
					float: right;
					margin-left: 4px;
				}
			}
		}

		nav {
			float: right;
			width: 60%;
			clear: right;
			ul {
				li {
					float: left;
					margin: 2% 4%;
					font-size: 1rem;
					&.selected a {
						color: black;
					}
				}
			}
		}
	}
}

h2 {
	letter-spacing: 3px;
}

.body {
	overflow: hidden;
	width: 100%;
	.left {
		float: left;
		border-right: 1px solid lightgray;
		min-height: 500px;
		width: 28%;
		ul {
			li {
				padding: 5% 0;
				border-bottom: 1px solid lightgray;
				letter-spacing: 2px;
				&.selected a {
					color: black;
					font-size: 1.1rem;
				}
			}
		}
	}

	.right {
		float: left;
		width: 68%;
		padding-left: 2%;
	}
}

nav.anchor {
	float: right;
	margin: 1% 0;
}

h2.title {
	margin: 2%;
	letter-spacing: 2px;
}

// news 
.newsList {
	.list {
		li {
			overflow: hidden;
			margin-bottom: 5%;
			.thumb {
				float: left;
				margin-right: 3%;
				width: 18%;
				padding-top: 3%;
			}

			.text {
				width: 78%;
				float: left;
				h4 {
					font-size: 1.1rem;
					letter-spacing: 3px;
					margin-bottom: 1%;
					font-weight: bold;
				}

				p {
					color: #333;
					letter-spacing: 1px;
					text-align: justify;
				}

				.small {
					text-align: right;
					font-size: .8rem;
					color: gray;
					margin-top: 1%;
				}
			}
		}
	}
}

.hrList {
	.right {
		.box {
			border: 1px solid lightgray;
			margin-bottom: 2%;
			header {
				background-color: lightgray;
				padding: 1%;
				h4 {
					font-size: 1.2rem;
					letter-spacing: 2px;
				}

				h5 {
					float: right;
				}
			}

			& > div {
				padding: 1%;
			}
		}
	}
}

.productList {
	.body .right {
		ul {
			.ajaxjs-ul-list (4);
			li {
				height: 300px;
			}
		}
	}
}

.pageInfo {
	text-align: center;
	margin: 3%;
}

article {
	h3 {
		font-size: 1.5rem;
		letter-spacing: 2px;
		margin: 3% 0;
	}

	h4 {
		text-align: right;
	}

	p {
		.ajaxjs-text-p;
	}
}

.bottom {
	border-top: 1px solid #ddd;
}

footer {
	text-align: center;
	color: gray;
	font-size: .8rem;
}

.home {
	fieldset {
		border: 1px solid lightgray;
		width: 830px;
		box-sizing: border-box;
		padding: 2%;
		margin-bottom: 3%;
	}
}

// 联系我们
.contact {
	#map {
		height: 320px;
		width: 100%;
		margin-bottom: 5%;
	}

	fieldset {
		legend {
			margin-left: 10%;
			font-size: 1.1rem;
			letter-spacing: 5px;
		}

		margin: 3% 0;
		border: 0;
		border-top: 1px solid lightgray;
	}
}

.user-loign, .resetPassword {
	fieldset {
		border: 1px solid lightgray;
		border-radius: 3px;
		padding: 2%;
		legend {
			padding: 10px;
			letter-spacing: 3px;
			font-size: 1.2rem;
		}
	}

	.login-form, form.register, form.resetPassword {
		margin: 0 auto;
		width: 400px;
		input[type=text] , input[type=number] , input[type=password] {
			.aj-input;
		}

		button {
			.aj-btn;
		}

		& > div {
			margin: 3% 0;
			& > div {
				display: inline-block;
				width: 25%;
				letter-spacing: 3px;
			}
		}

		label {
			& > div {
				display: inline-block;
				width: 25%;
				letter-spacing: 3px;
			}
		}
	}
}

.user-center{
	height:98%;
	&>div{
		height:96%;
		border-radius:10px;
		padding:2%;
		margin:1%;
		background-color:lightgray;
	}
}